<template>
  <div class="all">
     <mt-header title="确认支付">
      <div slot="left">
        <mt-button @click="goBack" icon="back">返回</mt-button>
      </div>
    </mt-header>
    <div id="main" class="mui-clearfix contaniner sorder">	    	
	    	<div class="warning clearfloat box-s">
    			提示：请在24小时内完成在线支付，逾期将视为订单无效
    		</div>
    		<div class="odernum clearfloat">
    			<ul>
    				<li>您的订单号：1298451221</li>
    				<li>应付积分：<span>10000</span></li>
    			</ul>
    		</div>
    		<div class="pay-method clearfloat">
    			<ul>
    				<li>
    					<div style="height: 1rem">
    						
	    					<label>请输入支付密码：</label>
	    					<input type="password" name="password">
    					</div>
    				</li>
    			</ul>
    		</div>
        <div style="backgroundColor:#fff;height:65px;">
          <a href="#" class="address-add fl">
            确认支付
          </a>
         </div>
	    </div>
  </div>
</template>
<script>
export default {
  data:function(){
    return{

    }
  },
  methods:{
   goBack(){
     this.$router.go(-1);
   }
  }
}
</script>
<style scoped>
.report-header p {
    width: 100%;
    text-align: center;
    float: right;
    color: #404040;
    font-size: 1.5rem;
}
.sorder {
    width: 100%;
}

.sorder .warning {
    width: 100%;
    padding: 3% 5%;
    font-size: 1.4rem;
    color: #bcbcbc;
    background-color: #fff;
    border-bottom: 1px solid #dcdad3;
    text-align: left;
    /*overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;*/
}

.sorder .odernum {
    width: 100%;
    margin-top: 5%;
    background-color: #fff;
    border-top: 1px solid #dcdad3;
    border-bottom: 1px solid #dcdad3;
}

.sorder .odernum ul li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #333333;
    font-size: 1.5rem;
    padding: 3% 5%;
    border-bottom: 1px solid #dcdad3;
}

.sorder .odernum ul li:last-child {
    border-bottom: none;
}

.sorder .odernum ul li span {
    color: #d24239;
    font-size: 1.6rem;
}

.pay-method {
    width: 100%;
    background-color: #fff;
    margin-top: 5%;
    border-top: 1px solid #dcdad3;
}

.pay-method ul li {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 3% 5%;
    border-bottom: 1px solid #dcdad3;
}

.pay-method ul li:last-child {
    border-bottom: none;
}

.pay-method ul li {
    color: #333333;
    margin-top: .3rem
}

.pay-method label {
	font-size: 1.5rem;
	line-height: 1.5rem
}
.pay-method input[type="password"] {
	height: 2.5rem;
    padding: 0;
    width:50%;
}
.address-add {
    display: block;
    width: 96%;
    line-height: 25px;
    margin-left: 2%;
    font-size: 1.5rem;
    color: #fff;
    text-align: center;
    background-color: #25cb83;
    padding: 1.5%;
    margin-top: 25px;
}
.all{
  background-color: #efeff4;
 }
</style>

